<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-19 10:03:59
 * @LastEditors: yyh
 * @LastEditTime: 2021-09-23 14:47:51
-->
<template>
  <!-- 尾部 -->
  <div class="footer">
    <!-- 尾部头部 -->
    <div class="footer-top">
      <div class="text">
        <div class="text-name">东环校区</div>
        <p>地址：广西柳州市鱼峰区柳石路257号</p>
        <p>邮编：545005</p>
      </div>
      <div class="text">
        <div class="text-name">柳石校区</div>
        <p>地址：广西柳州市鱼峰区柳石路257号</p>
        <p>邮编：545005</p>
      </div>
      <div class="text">
        <div class="text-name">柳东校区</div>
        <p>地址：广西柳州市鱼峰区官塘大道19号</p>
        <p>邮编：545616</p>
      </div>
      <div class="text">
        <div style="font-size:12px">电话：0772-2685979（校办） 0772-2687698（传真）</div>
        <p>本专科招生：0772—2686186 研究生招生：0772—2685375</p>
        <p>继续教育招生：0772—2686688</p>
      </div>
    </div>
    <!-- 尾部底部 -->
    <div class="footer-bottom">
      <div class="bottom-text">
        备案号：
        <img src="../../assets/footer01.png" alt="">
        桂ICP备17000546号-1
        <img src="../../assets/footer02.png" alt="">
        前置审核编号： 桂JS200601-10
        <span>信息管理： 广西科技大学党委宣传部</span>
      </div>
    </div>
  </div>
</template>

<style lang='scss' scoped>
// 底部样式
.footer {
  // height: 150px;
  color: #fff;
  // 尾部头部样式
  .footer-top {
    background-color: #324999;
    display: flex;
    justify-content: center;
    .text {
      padding-top: 20px;
      width: 310px;
      .text-name {
        font-weight: bold;
      }
      p {
        font-size: 12px;
      }
    }
  }
  // 尾部底部样式
  .footer-bottom{
    background-color: #2b4087;
    .bottom-text{
      font-size: 16px;
      text-align: center;
      line-height: 40px;
      img{
        vertical-align: middle;
      }
    }
  }
}
</style>